<template>
    <div class="find-out-more">
        <div></div>
        <el-button text @click="router.push({ name: toName })">
            <template #default>
                <div style="padding-right: 10px;">Find out more</div>
                <el-icon>
                    <ArrowRight />
                </el-icon>
            </template>
        </el-button>
    </div>
</template>

<script setup lang="ts" name="name">
import { useRouter } from 'vue-router';

const router = useRouter()
const { toName } = defineProps<{ toName: string }>()

</script>

<style scoped>
.find-out-more {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
</style>